<!DOCTYPE html>
<html>
    <head>
        <meta name="author" content="Kwh">
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="css/mi.css">
        <script src="js/jquery-3.1.1.js"></script>
        <script src="js/Mds.onePic.1.0.js"></script>
        <title></title>
        <style>
            
        </style>
    </head>
    <body>
        <div class="site-topbar">
            <div class="container">
                <div class="topbar-nav">
                    <a href="#">小米商城</a>
                    <span>|</span>
                    <a href="#">MIUI</a>
                    <span>|</span>
                    <a href="#">米聊</a>
                    <span>|</span>
                    <a href="#">游戏</a>
                    <span>|</span>
                    <a href="#">多看阅读</a>
                    <span>|</span>
                    <a href="#">云服务</a>
                    <span>|</span>
                    <a href="#">金融</a>
                    <span>|</span>
                    <a href="#">小米商城移动版</a>
                    <span>|</span>
                    <a href="#">问题反馈</a>
                    <span>|</span>
                    <a href="#">Select Region</a>
                </div>
                <div class="topbar-cart">
                    <a href="#">
                        购物车（0）
                        <span></span>
                    </a>
                </div>
                <div class="topbar-info clearfix">
                    <a href="#">问题反馈</a>
                    <span>|</span>
                    <a href="#">问题反馈</a>
                    <span>|</span>
                    <a href="#">问题反馈</a>
                </div>
            </div>
        </div>
        <!--分隔-->
        <div class="site-header">
            <div class="container clearfix">
                <div class="header-logo clearfix">
                    <div class="logo-ir">
                        <img src="img/mi-logo.png" alt="">
                    </div>
                </div>
                <div class="header-nav clearfix">
                    <ul class="nav-list clearfix">
                        <li class="nav-cat">
                            <img src="img/P1-1.gif" alt="">
                            <ul class="child-list clearfix">
                <li class="category-item clearfix">手机 电话卡<i><img src="img/右箭头.png" alt=""></i>
                    <div class="children clearfix">
                        <ul class="child-list">
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米手机5c</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米Note 2</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米MIX</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米5s</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米5S Plus</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米手机5</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                        </ul>
                        <ul class="child-list">
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">红米Note 4X</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">红米Note 4</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">红米4X</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">红米4</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">红米4A</span>
                                </a>
                                
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">对比手机</span>
                                </a>
                                
                            </li>
                        </ul>
                        <ul class="child-list">
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米移动 电话卡</span>
                                </a>
                                
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="category-item clearfix">笔记本 平板<i><img src="img/右箭头.png" alt=""></i>
                    <div class="children">
                        <ul class="child-list">
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米笔记本Air</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米平板 2</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">USB-C转换器</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米笔记本内胆包</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米便携鼠标</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            
                        </ul>
                        
                        
                    </div>
                </li>
                <li class="category-item clearfix">电视 盒子<i><img src="img/右箭头.png" alt=""></i>
                    <div class="children">
                        <ul class="child-list">
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米手机5c</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米Note 2</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米MIX</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米5s</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米5S Plus</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米手机5</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                        </ul>
                        <ul class="child-list">
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">红米Note 4X</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">红米Note 4</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">红米4X</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">红米4</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">红米4A</span>
                                </a>
                                
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">对比手机</span>
                                </a>
                                
                            </li>
                        </ul>
                        <ul class="child-list">
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米移动 电话卡</span>
                                </a>
                                
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="category-item clearfix">路由器 智能硬件<i><img src="img/右箭头.png" alt=""></i>
                    <div class="children">
                        <ul class="child-list">
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米手机5c</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米Note 2</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米MIX</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米5s</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米5S Plus</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米手机5</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                        </ul>
                        <ul class="child-list">
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">红米Note 4X</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">红米Note 4</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">红米4X</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">红米4</span>
                                </a>
                                <a class="btn" href="javascript:;">选购</a>
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">红米4A</span>
                                </a>
                                
                            </li>
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">对比手机</span>
                                </a>
                                
                            </li>
                        </ul>
                        <ul class="child-list">
                            <li class="star-goods">
                                <a class="link" href="javascript:;">
                                    <img src="img/m1-1.png" alt="">
                                    <span class="text">小米移动 电话卡</span>
                                </a>
                                
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="category-item clearfix">移动电源 电池 插线板<i><img src="img/右箭头.png" alt=""></i></li>
                <li class="category-item clearfix">耳机 音响<i><img src="img/右箭头.png" alt=""></i></li>
                <li class="category-item clearfix">保护套 贴膜<i><img src="img/右箭头.png" alt=""></i></li>
                <li class="category-item clearfix">线材 支架 存储卡<i><img src="img/右箭头.png" alt=""></i></li>
                <li class="category-item clearfix">箱包 服饰<i><img src="img/右箭头.png" alt=""></i></li>
                <li class="category-item clearfix">米兔生活周边<i><img src="img/右箭头.png" alt=""></i></li>
                <li class="category-item clearfix">更多<i><img src="img/右箭头.png" alt=""></i></li>
            </ul>
                        </li>
                        <li class="nav-item">
                            <a class="link" href="javascript:;">小米手机</a>
                            <div id="item-child" class="item-child">
                                <div class="container clearfix">
                                    <ul class="child-list">
                                        <li>
                                            <img src="img/1-1.png" alt="">
                                            <span>小米5C</span>
                                            <p>1499元</p>
                                        </li>
                                        <li>
                                            <img src="img/1-2.jpg" alt="">
                                            <span>小米NOTE2</span>
                                            <p>2799元</p>
                                        </li>
                                        <li>
                                            <img src="img/1-3.jpg" alt="">
                                            <span>小米MIX</span>
                                            <p>3499元</p>
                                        </li>
                                        <li>
                                            <img src="img/1-4.jpg" alt="">
                                            <span>小米5s</span>
                                            <p>1999元</p>
                                        </li>
                                        <li>
                                            <img src="img/1-5.jpg" alt="">
                                            <span>小米5s Plus</span>
                                            <p>2299元</p>
                                        </li>
                                        <li>
                                            <img src="img/1-6.jpg" alt="">
                                            <span>小米5</span>
                                            <p>1799元</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a class="link" href="javascript:;">红米</a>
                            <div class="item-child">
                                <div class="container">
                                    <ul class="child-list">
                                        <li>
                                            <img src="img/2-1.jpg" alt="">
                                            <span>红米NOTE 4X</span>
                                            <p>999元</p>
                                        </li>
                                        <li>
                                            <img src="img/2-2.jpg" alt="">
                                            <span>红米NOTE4</span>
                                            <p>999元</p>
                                        </li>
                                        <li>
                                            <img src="img/2-3.jpg" alt="">
                                            <span>红米4X</span>
                                            <p>699元</p>
                                        </li>
                                        <li>
                                            <img src="img/2-4.jpg" alt="">
                                            <span>红米4</span>
                                            <p>799元</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a class="link" href="javascript:;">平板·笔记本</a>
                            <div class="item-child">
                                <div class="container">
                                    <ul class="child-list">
                                        <li>
                                            <img src="img/3-1.jpg" alt="">
                                            <span>小米平板2 16GB</span>
                                            <p>999元</p>
                                        </li>
                                        <li>
                                            <img src="img/3-2.jpg" alt="">
                                            <span>小米笔记本Air 12.5</span>
                                            <p>3499元</p>
                                        </li>
                                        <li>
                                            <img src="img/3-3.jpg" alt="">
                                            <span>小米笔记本Air 13.3</span>
                                            <p>4999元</p>
                                        </li>
                                        <li>
                                            <img src="img/3-4.jpg" alt="">
                                            <span>小米笔记本Air 13.3尊享版</span>
                                            <p>5999元</p>
                                        </li>
                                        
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a class="link" href="javascript:;">电视</a>
                            <div class="item-child">
                                <div class="container">
                                    <ul class="child-list">
                                        <li>
                                            <img src="img/4-1.jpg" alt="">
                                            <span>小米电视3s 48英寸</span>
                                            <p>2599元</p>
                                        </li>
                                        <li>
                                            <img src="img/4-2.png" alt="">
                                            <span>小米电视3s 55英寸</span>
                                            <p>3999元</p>
                                        </li>
                                        <li>
                                            <img src="img/4-3.png" alt="">
                                            <span>小米电视3s 60英寸</span>
                                            <p>4799元</p>
                                        </li>
                                        <li>
                                            <img src="img/4-4.png" alt="">
                                            <span>小米电视3s 65英寸</span>
                                            <p>9999元</p>
                                        </li>
                                        <li>
                                            <img src="img/4-5.png" alt="">
                                            <span>小米电视3s 70英寸</span>
                                            <p>2299元</p>
                                        </li>
                                        <li>
                                            <img src="img/4-6.png" alt="">
                                            <span>查看全部</span>
                                            <p style="color: black">小米电视</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a class="link" href="javascript:;">盒子·影音</a>
                            <div class="item-child">
                                <div class="container">
                                    <ul class="child-list">
                                        <li>
                                            <img src="img/5-1.png" alt="">
                                            <span>小米盒子3s</span>
                                            <p>299元</p>
                                        </li>
                                        <li>
                                            <img src="img/5-2.png" alt="">
                                            <span>小米盒子3c</span>
                                            <p>199元</p>
                                        </li>
                                        <li>
                                            <img src="img/5-3.png" alt="">
                                            <span>小米盒子3 增强版</span>
                                            <p>399元</p>
                                        </li>
                                        <li>
                                            <img src="img/5-4.png" alt="">
                                            <span>小米盒子mini版</span>
                                            <p>179元</p>
                                        </li>
                                        <li>
                                            <img src="img/5-5.png" alt="">
                                            <span>小米家庭影院</span>
                                            <p>1999元</p>
                                        </li>
                                        <li>
                                            <img src="img/5-6.jpg" alt="">
                                            <span>小米家庭音响 标准版</span>
                                            <p>699元</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a class="link" href="javascript:;">路由器</a>
                            <div class="item-child">
                                <div class="container">
                                    <ul class="child-list">
                                        <li>
                                            <img src="img/6-1.png" alt="">
                                            <span>小米路由器 HD</span>
                                            <p>1299元</p>
                                        </li>
                                        <li>
                                            <img src="img/6-2.png" alt="">
                                            <span>小米路由器 Pro</span>
                                            <p>499元</p>
                                        </li>
                                        <li>
                                            <img src="img/6-3.png" alt="">
                                            <span>小米路由器 3</span>
                                            <p>149元</p>
                                        </li>
                                        <li>
                                            <img src="img/6-4.png" alt="">
                                            <span>小米路由器 3C</span>
                                            <p>99元</p>
                                        </li>
                                        <li>
                                            <img src="img/6-5.jpg" alt="">
                                            <span>小米WiFi放大器 2</span>
                                            <p>49元</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a class="link" href="javascript:;">智能硬件</a>
                            <div class="item-child">
                                <div class="container">
                                    <ul class="child-list">
                                        <li>
                                            <img src="img/7-1.jpg" alt="">
                                            <span>小米体脂秤</span>
                                            <p>199元</p>
                                        </li>
                                        <li>
                                            <img src="img/7-2.jpg" alt="">
                                            <span>米家行车记录仪</span>
                                            <p>349元</p>
                                        </li>
                                        <li>
                                            <img src="img/7-3.png" alt="">
                                            <span>小米无人机 4K版</span>
                                            <p>2999元</p>
                                        </li>
                                        <li>
                                            <img src="img/7-4.jpg" alt="">
                                            <span>小米米家对讲机</span>
                                            <p>249元</p>
                                        </li>
                                        <li>
                                            <img src="img/7-5.jpg" alt="">
                                            <span>米家IH电饭煲</span>
                                            <p>399元</p>
                                        </li>
                                        <li>
                                            <img src="img/7-6.jpg" alt="">
                                            <span>查看全部</span>
                                            <p style="color: black">智能硬件</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a class="link" href="javascript:;">服务</a>
                        </li>
                        <li class="nav-item">
                            <a class="link" href="javascript:;">社区</a>
                        </li>
                    </ul>
                </div>
                <div class="header-seach">
                    <input class="seach-text" type="text">
                    <input class="seach-btn" type="button" value="">
                </div>
            </div>
        </div>
        <!--分隔线-->

        <div class="site-category">
            <!--轮播图-->
            <div id="slide">
                <ul class="list">
                    <li><a href="javascript:;"><img src="img/lunbo1.jpg" alt=""></a></li>
                    <li><a href="javascript:;"><img src="img/lunbo2.jpg" alt=""></a></li>
                    <li><a href="javascript:;"><img src="img/lunbo3.jpg" alt=""></a></li>
                    <li><a href="javascript:;"><img src="img/lunbo4.jpg" alt=""></a></li>
                    <li><a href="javascript:;"><img src="img/lunbo5.jpg" alt=""></a></li>
                </ul>
            </div>
        </div>

        <!--分隔线-->
        <div class="home clearfix">
            <div class="span1">
                <ul class="home-list clearfix">
                    <li class="home-item">
                        <a href="javascript:;">
                            <img src="img/手机 (2).png" alt="">
                            <span>选购手机</span>
                        </a>
                    </li>
                    <li class="home-item">
                        <a href="javascript:;">
                            <img src="img/礼物.png" alt="">
                            <span>企业团购</span>
                        </a>
                    </li>
                    <li class="home-item">
                        <a href="javascript:;">
                            <img src="img/1.png" alt="">
                            <span>一元活动</span>
                        </a>
                    </li>
                    <li class="home-item">
                        <a href="javascript:;">
                            <img src="img/sim.png" alt="">
                            <span>小米移动</span>
                        </a>
                    </li>
                    <li class="home-item">
                        <a href="javascript:;">
                            <img src="img/以旧换新.png" alt="">
                            <span>以旧换新</span>
                        </a>
                    </li>
                    <li class="home-item">
                        <a href="javascript:;">
                            <img src="img/话费.png" alt="">
                            <span>话费充值</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="span2">
                <ul class="clearfix">
                    <li><img src="img/body1.jpg" alt=""></li>
                    <li><img src="img/body2.jpg" alt=""></li>
                    <li><img src="img/body3.jpg" alt=""></li>
                </ul>
            </div>
        </div>
        <!--分割线-->
        <div class="home-start clearfix">
            <h1>小米明星单品</h1>
            <div class="controls">
                <span class="left">&#60;</span>
                <span class="right">&#62;</span>
            </div>
            <div class="box-hand">
                <ul>
                    <li class="lunbo">
                        <img src="img/han1.png" alt="">
                        <h4>小米5s Plus</h4>
                        <span>5.7英寸大屏双摄手机，拍照黑科技</span>
                        <p>2299元起</p>
                    </li>
                    <li class="lunbo">
                        <img src="img/hand2.png" alt="">
                        <h4>小米电视3s 55英寸</h4>
                        <span>人工智能电视，4K大屏新旗舰</span>
                        <p>3999元</p>
                    </li>
                    <li class="lunbo">
                        <img src="img/hand3.png" alt="">
                        <h4>小米移动电源2</h4>
                        <span>双向快充，高密度锂聚合物电芯</span>
                        <p>79元</p>
                    </li>
                    <li class="lunbo">
                        <img src="img/hand4.png" alt="">
                        <h4>小米手环 2</h4>
                        <span>OLED 显示屏幕，升级计步算法</span>
                        <p>149元</p>
                    </li>
                    <li class="lunbo">
                        <img src="img/hand5.jpg" alt="">
                        <h4>小米净水器 厨下式</h4>
                        <span>直出纯净水，隐藏式安装</span>
                        <p>1999元</p>
                    </li>
                    <li class="lunbo">
                        <img src="img/hand6.jpg" alt="">
                        <h4>米家 LED 智能台灯</h4>
                        <span>无可视频闪，亮度色温无级调节</span>
                        <p>169元</p>
                    </li>
                    <li class="lunbo">
                        <img src="img/hand7.png" alt="">
                        <h4>米家iHealth血压计</h4>
                        <span>爸妈上手就会用的智能血压计</span>
                        <p>399元</p>
                    </li>
                    <li class="lunbo">
                        <img src="img/hand8.png" alt="">
                        <h4>小米路由器3</h4>
                        <span>更快更强，不止四天线</span>
                        <p>149元</p>
                    </li>
                    <li class="lunbo">
                        <img src="img/hand9.png" alt="">
                        <h4>小米活塞耳机 清新版</h4>
                        <span>铝合金音腔，第三代平衡阻尼系统</span>
                        <p>29元</p>
                    </li>
                    <li class="lunbo">
                        <img src="img/hand10.jpg" alt="">
                        <h4>小米体重秤</h4>
                        <span>100克，喝杯水都可感知的精准</span>
                        <p>99元</p>
                    </li>
                </ul>
            </div>
        </div>

        <!--分割线-->


        <div id="smart">
            <div class="box-hd">
                <h2>智能硬件</h2>
                <div class="more">
                    查看全部
                    <img src="img/右 (2).png" alt="">
                </div>
            </div>
            <div class="box-bd">
                <div class="span3">
                    <img src="img/zhineng1.jpg" alt="">
                </div>
                <div class="span4">
                    <ul class="zhineng clearfix">
                        <li class="zhineng-list">
                            <img src="img/zhineng2.jpg" alt="">
                            <h3>米家行车记录仪</h3>
                            <span>晚上能拍清车牌的行车记录仪</span>
                            <p>349元</p>
                        </li>
                        <li class="zhineng-list">
                            <img src="img/zhineng3.jpg" alt="">
                            <h3>小米空气净化器2</h3>
                            <span>高效除霾，10分钟换新房间空气</span>
                            <p>699元</p>
                        </li>
                        <li class="zhineng-list">
                            <img src="img/zhineng4.jpg" alt="">
                            <h3>米家智能故事机</h3>
                            <span>微信远程互动，智能语音交互</span>
                            <p>199元</p>
                        </li>
                        <li class="zhineng-list">
                            <img src="img/zhineng5.jpg" alt="">
                            <h3>米兔儿童手表Q</h3>
                            <span>11重安全设计，五重精准定位</span>
                            <p>299元</p>
                        </li>
                        <li class="zhineng-list">
                            <img src="img/zhineng6.jpg" alt="">
                            <h3>米家小白智能摄像机</h3>
                            <span>360°全景拍摄，1080P高清摄像</span>
                            <p>349元</p>
                        </li>
                        <li class="zhineng-list">
                            <img src="img/zhineng7.jpg" alt="">
                            <h3>九号平衡车</h3>
                            <span>年轻人的酷玩具，骑行遥控两种玩法</span>
                            <p>1999元</p>
                        </li>
                        <li class="zhineng-list">
                            <img src="img/zhineng8.jpg" alt="">
                            <h3>米家骑行电助力折叠自行车</h3>
                            <span>力矩传感电助力，让城市出行轻松有趣</span>
                            <p>2999元</p>
                        </li>
                        <li class="zhineng-list">
                            <img src="img/zhineng9.jpg" alt="">
                            <h3>小米米家电动滑板车</h3>
                            <span>极简几何设计，1 分钟轻松上手</span>
                            <p>1999元</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--搭配-->

        <div id="match">
            <div class="box-hd">
                <h2>搭配</h2>
                <div class="more">
                    <ul id="more-list" class="more-list">
                        <li class="active">热门</li>
                        <li>耳机音响</li>
                        <li>电源</li>
                        <li>电池储存卡</li>
                    </ul>
                </div>
            </div>
            <div class="box-bd">
                <div class="span5">
                    <ul class="span5-list clearfix">
                        <li class="span5-item">
                            <img src="img/dapei.jpg" alt="">
                        </li>
                        <li class="span5-item">
                            <img src="img/dapei1.jpg" alt="">
                        </li>
                    </ul>
                </div>
                <div>
                <div class="span6" id="first">
                    <div class="match-content clearfix">
                        <ul class="span6-list clearfix">
                            <li class="span6-item">
                                <img src="img/dapei2.jpg" alt="">
                                <h4>20000mAh小米移动电源2</h4>
                                <span class="span6-span">149元</span>
                                <p class="span6-p">7146人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/dapei3.jpg" alt="">
                                <h4>小米活塞耳机 清新版</h4>
                                <span class="span6-span">29元</span>
                                <p class="span6-p">1.6万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/dapei4.jpg" alt="">
                                <h4>小米移动电源10000mAh高配版</h4>
                                <span class="span6-span">149元</span>
                                <p class="span6-p">2761人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/dapei5.jpg" alt="">
                                <h4>小米圈铁耳机Pro</h4>
                                <span class="span6-span">149元</span>
                                <p class="span6-p">1.1万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/dapei6.jpg" alt="">
                                <h4>小米网络音响</h4>
                                <span class="span6-span">399元</span>
                                <p class="span6-p">2872人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/dapei7.jpg" alt="">
                                <h4>小米蓝牙耳机青春版</h4>
                                <span class="span6-span">59元</span>
                                <p class="span6-p">1.4万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/dapei8.jpg" alt="">
                                <h4>小米小钢炮蓝牙音箱2</h4>
                                <span class="span6-span">129元</span>
                                <p class="span6-p">2.2人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item1">
                                <div><img src="img/dapeim1.jpg" alt=""></div>
                                <h3 class="span6-h3">Haylou H1 运...</h3>
                                <p class="span6-pp">149元</p>
                            </li>
                            <li class="span6-item1">
                                <div class="span6-img"><img src="img/圈右.png" alt=""></div>
                                <h3 class="span6-h33">浏览更多</h3>
                                <p class="span6-ppp">热门</p>
                            </li>
                        </ul>
                    </div>
                </div>
                
                <div class="span6" id="second">
                    <div class="match-content clearfix">
                        <ul class="span6-list clearfix">
                            <li class="span6-item">
                                <img src="img/dapei2-1.jpg" alt="">
                                <h4>小米头戴式耳机 轻松版</h4>
                                <span class="span6-span">199元</span>
                                <p class="span6-p">639人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/dapei2-2.jpg" alt="">
                                <h4>小米胶囊耳机</h4>
                                <span class="span6-span">69元</span>
                                <p class="span6-p">2.9万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/dapei2-3.jpg" alt="">
                                <h4>小米圈铁耳机Pro</h4>
                                <span class="span6-span">149元</span>
                                <p class="span6-p">1万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/dapei2-4.jpg" alt="">
                                <h4>小米随身蓝牙音箱</h4>
                                <span class="span6-span">69元</span>
                                <p class="span6-p">1.4万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/dapei2-5.jpg" alt="">
                                <h4>ROIDMI音乐蓝牙车充</h4>
                                <span class="span6-span">99元</span>
                                <p class="span6-p">513人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/dapei2-6.jpg" alt="">
                                <h4>小米小钢炮蓝牙音箱2</h4>
                                <span class="span6-span">129元</span>
                                <p class="span6-p">2.1万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/dapei2-7.jpg" alt="">
                                <h4>小米方盒子蓝牙音箱</h4>
                                <span class="span6-span">99元</span>
                                <p class="span6-p">1.7万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item1">
                                <div><img src="img/dapei2-8.jpg" alt=""></div>
                                <h3 class="span6-h3">小米蓝牙音箱</h3>
                                <p class="span6-pp">199元</p>
                            </li>
                            <li class="span6-item1">
                                <div class="span6-img"><img src="img/圈右.png" alt=""></div>
                                <h3 class="span6-h33">浏览更多</h3>
                                <p class="span6-ppp">耳机音箱</p>
                            </li>
                        </ul>
                    </div>
                </div>
                
                <div class="span6" id="three">
                    <div class="match-content clearfix">
                        <ul class="span6-list clearfix">
                            <li class="span6-item">
                                <img src="img/dapei3-1.jpg" alt="">
                                <h4>移动电源5000mAh</h4>
                                <span class="span6-span">49元</span>
                                <p class="span6-p">9.9万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/dapei3-2.jpg" alt="">
                                <h4>ZMI移动电源10000mAh</h4>
                                <span class="span6-span">99元</span>
                                <p class="span6-p">4114人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/dapei3-3.jpg" alt="">
                                <h4>小米移动电源10000mAh高配版</h4>
                                <span class="span6-span">149元</span>
                                <p class="span6-p">2761人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/dapei3-4.jpg" alt="">
                                <h4>20000mAh小米移动电源2</h4>
                                <span class="span6-span">149元</span>
                                <p class="span6-p">7163人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/dapei3-5.jpg" alt="">
                                <h4>10000mAh小米移动电源2</h4>
                                <span class="span6-span">79元</span>
                                <p class="span6-p">2.7万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/dapei3-6.jpg" alt="">
                                <h4>USB Type-C充电套装</h4>
                                <span class="span6-span">15元</span>
                                
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/dapei3-7.jpg" alt="">
                                <h4>小米插线板 5孔位</h4>
                                <span class="span6-span">39元</span>
                                <p class="span6-p">2.4人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item1">
                                <div><img src="img/dapei3-8.jpg" alt=""></div>
                                <h3 class="span6-h3">小米智能插线..</h3>
                                <p class="span6-pp">69元</p>
                            </li>
                            <li class="span6-item1">
                                <div class="span6-img"><img src="img/圈右.png" alt=""></div>
                                <h3 class="span6-h33">浏览更多</h3>
                                <p class="span6-ppp">电源</p>
                            </li>
                        </ul>
                    </div>
                </div>
                
                <div class="span6" id="four">
                    <div class="match-content clearfix">
                        <ul class="span6-list clearfix">
                            <li class="span6-item">
                                <img src="img/dapei4-1.jpg" alt="">
                                <h4>ROIDMI音乐蓝牙车充</h4>
                                <span class="span6-span">99元</span>
                                <p class="span6-p">513人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/dapei4-2.jpg" alt="">
                                <h4>小米USB充电器（2口）</h4>
                                <span class="span6-span">49元</span>
                                <p class="span6-p">2284人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/dapei4-3.jpg" alt="">
                                <h4>彩虹5号电池(10粒装)</h4>
                                <span class="span6-span">9.9元</span>
                                <p class="span6-p">9万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/dapei4-4.jpg" alt="">
                                <h4>彩虹7号电池(10粒装)</h4>
                                <span class="span6-span">9.9元</span>
                                <p class="span6-p">5.5万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/dapei4-5.jpg" alt="">
                                <h4>小米USB充电器(4口)</h4>
                                <span class="span6-span">69元</span>
                                <p class="span6-p">1.2万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/dapei4-6.jpg" alt="">
                                <h4>SanDisk 32GB高速存储卡</h4>
                                <span class="span6-span">69.9元</span>
                                <p class="span6-p">1万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/dapei4-7.jpg" alt="">
                                <h4>小米车载充电器</h4>
                                <span class="span6-span">49元</span>
                                <p class="span6-p">4.2万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item1">
                                <div><img src="img/dapei4-8.jpg" alt=""></div>
                                <h3 class="span6-h3">SanDisk 16G..</h3>
                                <p class="span6-pp">31.9元</p>
                            </li>
                            <li class="span6-item1">
                                <div class="span6-img"><img src="img/圈右.png" alt=""></div>
                                <h3 class="span6-h33">浏览更多</h3>
                                <p class="span6-ppp">电池存储卡</p>
                            </li>
                        </ul>
                    </div>
                </div>
                </div>
                
            </div>
        </div>
        <!--第二个-->
        <div id="match">
            <div class="box-hd">
                <h2>配件</h2>
                <div class="more">
                    <ul id="more-list2" class="more-list">
                        <li class="active">热门</li>
                        <li>保护套</li>
                        <li>贴膜</li>
                        <li>其他配件</li>
                    </ul>
                </div>
            </div>
            <div class="box-bd">
                <div class="span5">
                    <ul class="span5-list clearfix">
                        <li class="span5-item">
                            <img src="img/peijian1.jpg" alt="">
                        </li>
                        <li class="span5-item">
                            <img src="img/peijian2.png" alt="">
                        </li>
                    </ul>
                </div>
                <div>
                <div class="span6" id="first1">
                    <div class="match-content clearfix">
                        <ul class="span6-list clearfix">
                            <li class="span6-item">
                                <img src="img/peijian3.jpg" alt="">
                                <h4>20000mAh小米移动电源2</h4>
                                <span class="span6-span">149元</span>
                                <p class="span6-p">7146人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/peijian4.jpg" alt="">
                                <h4>小米活塞耳机 清新版</h4>
                                <span class="span6-span">29元</span>
                                <p class="span6-p">1.6万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/peijian5.jpg" alt="">
                                <h4>小米移动电源10000mAh高配版</h4>
                                <span class="span6-span">149元</span>
                                <p class="span6-p">2761人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/peijian6.jpg" alt="">
                                <h4>小米圈铁耳机Pro</h4>
                                <span class="span6-span">149元</span>
                                <p class="span6-p">1.1万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/peijian7.jpg" alt="">
                                <h4>小米网络音响</h4>
                                <span class="span6-span">399元</span>
                                <p class="span6-p">2872人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/peijian8.jpg" alt="">
                                <h4>小米蓝牙耳机青春版</h4>
                                <span class="span6-span">59元</span>
                                <p class="span6-p">1.4万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/peijian9.jpg" alt="">
                                <h4>小米小钢炮蓝牙音箱2</h4>
                                <span class="span6-span">129元</span>
                                <p class="span6-p">2.2人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item1">
                                <div><img src="img/peijian10.jpg" alt=""></div>
                                <h3 class="span6-h3">Haylou H1 运...</h3>
                                <p class="span6-pp">149元</p>
                            </li>
                            <li class="span6-item1">
                                <div class="span6-img"><img src="img/圈右.png" alt=""></div>
                                <h3 class="span6-h33">浏览更多</h3>
                                <p class="span6-ppp">热门</p>
                            </li>
                        </ul>
                    </div>
                </div>
                
                <div class="span6" id="second1">
                    <div class="match-content clearfix">
                        <ul class="span6-list clearfix">
                            <li class="span6-item">
                                <img src="img/peijian2-1.jpg" alt="">
                                <h4>小米头戴式耳机 轻松版</h4>
                                <span class="span6-span">199元</span>
                                <p class="span6-p">639人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/peijian2-2.jpg" alt="">
                                <h4>小米胶囊耳机</h4>
                                <span class="span6-span">69元</span>
                                <p class="span6-p">2.9万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/peijian2-3.jpg" alt="">
                                <h4>小米圈铁耳机Pro</h4>
                                <span class="span6-span">149元</span>
                                <p class="span6-p">1万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/peijian2-4.jpg" alt="">
                                <h4>小米随身蓝牙音箱</h4>
                                <span class="span6-span">69元</span>
                                <p class="span6-p">1.4万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/peijian2-5.jpg" alt="">
                                <h4>ROIDMI音乐蓝牙车充</h4>
                                <span class="span6-span">99元</span>
                                <p class="span6-p">513人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/peijian2-6.jpg" alt="">
                                <h4>小米小钢炮蓝牙音箱2</h4>
                                <span class="span6-span">129元</span>
                                <p class="span6-p">2.1万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/peijian2-7.jpg" alt="">
                                <h4>小米方盒子蓝牙音箱</h4>
                                <span class="span6-span">99元</span>
                                <p class="span6-p">1.7万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item1">
                                <div><img src="img/peijian2-8.jpg" alt=""></div>
                                <h3 class="span6-h3">小米蓝牙音箱</h3>
                                <p class="span6-pp">199元</p>
                            </li>
                            <li class="span6-item1">
                                <div class="span6-img"><img src="img/圈右.png" alt=""></div>
                                <h3 class="span6-h33">浏览更多</h3>
                                <p class="span6-ppp">耳机音箱</p>
                            </li>
                        </ul>
                    </div>
                </div>
                
                <div class="span6" id="three1">
                    <div class="match-content clearfix">
                        <ul class="span6-list clearfix">
                            <li class="span6-item">
                                <img src="img/peijian3-1.jpg" alt="">
                                <h4>移动电源5000mAh</h4>
                                <span class="span6-span">49元</span>
                                <p class="span6-p">9.9万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/peijian3-2.jpg" alt="">
                                <h4>ZMI移动电源10000mAh</h4>
                                <span class="span6-span">99元</span>
                                <p class="span6-p">4114人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/peijian3-3.jpg" alt="">
                                <h4>小米移动电源10000mAh高配版</h4>
                                <span class="span6-span">149元</span>
                                <p class="span6-p">2761人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/peijian3-4.jpg" alt="">
                                <h4>20000mAh小米移动电源2</h4>
                                <span class="span6-span">149元</span>
                                <p class="span6-p">7163人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/peijian3-5.jpg" alt="">
                                <h4>10000mAh小米移动电源2</h4>
                                <span class="span6-span">79元</span>
                                <p class="span6-p">2.7万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/peijian3-6.jpg" alt="">
                                <h4>USB Type-C充电套装</h4>
                                <span class="span6-span">15元</span>
                                
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/peijian3-7.jpg" alt="">
                                <h4>小米插线板 5孔位</h4>
                                <span class="span6-span">39元</span>
                                <p class="span6-p">2.4人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item1">
                                <div><img src="img/peijian3-8.jpg" alt=""></div>
                                <h3 class="span6-h3">小米智能插线..</h3>
                                <p class="span6-pp">69元</p>
                            </li>
                            <li class="span6-item1">
                                <div class="span6-img"><img src="img/圈右.png" alt=""></div>
                                <h3 class="span6-h33">浏览更多</h3>
                                <p class="span6-ppp">电源</p>
                            </li>
                        </ul>
                    </div>
                </div>
                
                <div class="span6" id="four1">
                    <div class="match-content clearfix">
                        <ul class="span6-list clearfix">
                            <li class="span6-item">
                                <img src="img/peijian4-1.jpg" alt="">
                                <h4>ROIDMI音乐蓝牙车充</h4>
                                <span class="span6-span">99元</span>
                                <p class="span6-p">513人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/peijian4-2.jpg" alt="">
                                <h4>小米USB充电器（2口）</h4>
                                <span class="span6-span">49元</span>
                                <p class="span6-p">2284人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/peijian4-3.jpg" alt="">
                                <h4>彩虹5号电池(10粒装)</h4>
                                <span class="span6-span">9.9元</span>
                                <p class="span6-p">9万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/peijian4-4.jpg" alt="">
                                <h4>彩虹7号电池(10粒装)</h4>
                                <span class="span6-span">9.9元</span>
                                <p class="span6-p">5.5万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/peijian4-5.jpg" alt="">
                                <h4>小米USB充电器(4口)</h4>
                                <span class="span6-span">69元</span>
                                <p class="span6-p">1.2万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/peijian4-6.jpg" alt="">
                                <h4>SanDisk 32GB高速存储卡</h4>
                                <span class="span6-span">69.9元</span>
                                <p class="span6-p">1万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/peijian4-7.jpg" alt="">
                                <h4>小米车载充电器</h4>
                                <span class="span6-span">49元</span>
                                <p class="span6-p">4.2万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item1">
                                <div><img src="img/peijian4-8.jpg" alt=""></div>
                                <h3 class="span6-h3">SanDisk 16G..</h3>
                                <p class="span6-pp">31.9元</p>
                            </li>
                            <li class="span6-item1">
                                <div class="span6-img"><img src="img/圈右.png" alt=""></div>
                                <h3 class="span6-h33">浏览更多</h3>
                                <p class="span6-ppp">电池存储卡</p>
                            </li>
                        </ul>
                    </div>
                </div>
                </div>
                
            </div>
        </div>

        <!--第三个-->
        <div id="match">
            <div class="box-hd">
                <h2>周边</h2>
                <div class="more">
                    <ul id="more-list3" class="more-list">
                        <li class="active">热门</li>
                        <li>服装</li>
                        <li>米兔</li>
                        <li>生活周边</li>
                        <li>箱包</li>
                    </ul>
                </div>
            </div>
            <div class="box-bd">
                <div class="span5">
                    <ul class="span5-list clearfix">
                        <li class="span5-item">
                            <img src="img/zhou1.jpg" alt="">
                        </li>
                        <li class="span5-item">
                            <img src="img/zhou2.jpg" alt="">
                        </li>
                    </ul>
                </div>
                <div>
                <div class="span6" id="first2">
                    <div class="match-content clearfix">
                        <ul class="span6-list clearfix">
                            <li class="span6-item">
                                <img src="img/zhou3.jpg" alt="">
                                <h4>20000mAh小米移动电源2</h4>
                                <span class="span6-span">149元</span>
                                <p class="span6-p">7146人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou4.jpg" alt="">
                                <h4>小米活塞耳机 清新版</h4>
                                <span class="span6-span">29元</span>
                                <p class="span6-p">1.6万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou5.jpg" alt="">
                                <h4>小米移动电源10000mAh高配版</h4>
                                <span class="span6-span">149元</span>
                                <p class="span6-p">2761人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou6.jpg" alt="">
                                <h4>小米圈铁耳机Pro</h4>
                                <span class="span6-span">149元</span>
                                <p class="span6-p">1.1万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou7.jpg" alt="">
                                <h4>小米网络音响</h4>
                                <span class="span6-span">399元</span>
                                <p class="span6-p">2872人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou8.jpg" alt="">
                                <h4>小米蓝牙耳机青春版</h4>
                                <span class="span6-span">59元</span>
                                <p class="span6-p">1.4万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou9.jpg" alt="">
                                <h4>小米小钢炮蓝牙音箱2</h4>
                                <span class="span6-span">129元</span>
                                <p class="span6-p">2.2人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item1">
                                <div><img src="img/zhou10.jpg" alt=""></div>
                                <h3 class="span6-h3">Haylou H1 运...</h3>
                                <p class="span6-pp">149元</p>
                            </li>
                            <li class="span6-item1">
                                <div class="span6-img"><img src="img/圈右.png" alt=""></div>
                                <h3 class="span6-h33">浏览更多</h3>
                                <p class="span6-ppp">热门</p>
                            </li>
                        </ul>
                    </div>
                </div>
                
                <div class="span6" id="second2">
                    <div class="match-content clearfix">
                        <ul class="span6-list clearfix">
                            <li class="span6-item">
                                <img src="img/zhou2-1.jpg" alt="">
                                <h4>小米头戴式耳机 轻松版</h4>
                                <span class="span6-span">199元</span>
                                <p class="span6-p">639人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou2-2.jpg" alt="">
                                <h4>小米胶囊耳机</h4>
                                <span class="span6-span">69元</span>
                                <p class="span6-p">2.9万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou2-3.jpg" alt="">
                                <h4>小米圈铁耳机Pro</h4>
                                <span class="span6-span">149元</span>
                                <p class="span6-p">1万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou2-4.jpg" alt="">
                                <h4>小米随身蓝牙音箱</h4>
                                <span class="span6-span">69元</span>
                                <p class="span6-p">1.4万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou2-5.jpg" alt="">
                                <h4>ROIDMI音乐蓝牙车充</h4>
                                <span class="span6-span">99元</span>
                                <p class="span6-p">513人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou2-6.jpg" alt="">
                                <h4>小米小钢炮蓝牙音箱2</h4>
                                <span class="span6-span">129元</span>
                                <p class="span6-p">2.1万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou2-7.jpg" alt="">
                                <h4>小米方盒子蓝牙音箱</h4>
                                <span class="span6-span">99元</span>
                                <p class="span6-p">1.7万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item1">
                                <div><img src="img/zhou2-8.jpg" alt=""></div>
                                <h3 class="span6-h3">小米蓝牙音箱</h3>
                                <p class="span6-pp">199元</p>
                            </li>
                            <li class="span6-item1">
                                <div class="span6-img"><img src="img/圈右.png" alt=""></div>
                                <h3 class="span6-h33">浏览更多</h3>
                                <p class="span6-ppp">耳机音箱</p>
                            </li>
                        </ul>
                    </div>
                </div>
                
                <div class="span6" id="three2">
                    <div class="match-content clearfix">
                        <ul class="span6-list clearfix">
                            <li class="span6-item">
                                <img src="img/zhou3-1.jpg" alt="">
                                <h4>移动电源5000mAh</h4>
                                <span class="span6-span">49元</span>
                                <p class="span6-p">9.9万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou3-2.jpg" alt="">
                                <h4>ZMI移动电源10000mAh</h4>
                                <span class="span6-span">99元</span>
                                <p class="span6-p">4114人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou3-3.jpg" alt="">
                                <h4>小米移动电源10000mAh高配版</h4>
                                <span class="span6-span">149元</span>
                                <p class="span6-p">2761人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou3-4.jpg" alt="">
                                <h4>20000mAh小米移动电源2</h4>
                                <span class="span6-span">149元</span>
                                <p class="span6-p">7163人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou3-5.jpg" alt="">
                                <h4>10000mAh小米移动电源2</h4>
                                <span class="span6-span">79元</span>
                                <p class="span6-p">2.7万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou3-6.jpg" alt="">
                                <h4>USB Type-C充电套装</h4>
                                <span class="span6-span">15元</span>
                                
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou3-7.jpg" alt="">
                                <h4>小米插线板 5孔位</h4>
                                <span class="span6-span">39元</span>
                                <p class="span6-p">2.4人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item1">
                                <div><img src="img/zhou3-8.jpg" alt=""></div>
                                <h3 class="span6-h3">小米智能插线..</h3>
                                <p class="span6-pp">69元</p>
                            </li>
                            <li class="span6-item1">
                                <div class="span6-img"><img src="img/圈右.png" alt=""></div>
                                <h3 class="span6-h33">浏览更多</h3>
                                <p class="span6-ppp">电源</p>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="span6" id="four2">
                    <div class="match-content clearfix">
                        <ul class="span6-list clearfix">
                            <li class="span6-item">
                                <img src="img/zhou4-1.jpg" alt="">
                                <h4>移动电源5000mAh</h4>
                                <span class="span6-span">49元</span>
                                <p class="span6-p">9.9万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou4-2.jpg" alt="">
                                <h4>ZMI移动电源10000mAh</h4>
                                <span class="span6-span">99元</span>
                                <p class="span6-p">4114人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou4-3.jpg" alt="">
                                <h4>小米移动电源10000mAh高配版</h4>
                                <span class="span6-span">149元</span>
                                <p class="span6-p">2761人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou4-4.jpg" alt="">
                                <h4>20000mAh小米移动电源2</h4>
                                <span class="span6-span">149元</span>
                                <p class="span6-p">7163人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou4-5.jpg" alt="">
                                <h4>10000mAh小米移动电源2</h4>
                                <span class="span6-span">79元</span>
                                <p class="span6-p">2.7万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou4-6.jpg" alt="">
                                <h4>USB Type-C充电套装</h4>
                                <span class="span6-span">15元</span>
                                
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou4-7.jpg" alt="">
                                <h4>小米插线板 5孔位</h4>
                                <span class="span6-span">39元</span>
                                <p class="span6-p">2.4人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item1">
                                <div><img src="img/zhou4-8.jpg" alt=""></div>
                                <h3 class="span6-h3">小米智能插线..</h3>
                                <p class="span6-pp">69元</p>
                            </li>
                            <li class="span6-item1">
                                <div class="span6-img"><img src="img/圈右.png" alt=""></div>
                                <h3 class="span6-h33">浏览更多</h3>
                                <p class="span6-ppp">电源</p>
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="span6" id="five2">
                    <div class="match-content clearfix">
                        <ul class="span6-list clearfix">
                            <li class="span6-item">
                                <img src="img/zhou5-1.jpg" alt="">
                                <h4>移动电源5000mAh</h4>
                                <span class="span6-span">49元</span>
                                <p class="span6-p">9.9万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou5-2.jpg" alt="">
                                <h4>ZMI移动电源10000mAh</h4>
                                <span class="span6-span">99元</span>
                                <p class="span6-p">4114人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou5-3.jpg" alt="">
                                <h4>小米移动电源10000mAh高配版</h4>
                                <span class="span6-span">149元</span>
                                <p class="span6-p">2761人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou5-4.jpg" alt="">
                                <h4>20000mAh小米移动电源2</h4>
                                <span class="span6-span">149元</span>
                                <p class="span6-p">7163人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou5-5.jpg" alt="">
                                <h4>10000mAh小米移动电源2</h4>
                                <span class="span6-span">79元</span>
                                <p class="span6-p">2.7万人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou5-6.jpg" alt="">
                                <h4>USB Type-C充电套装</h4>
                                <span class="span6-span">15元</span>
                                
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item">
                                <img src="img/zhou5-7.jpg" alt="">
                                <h4>小米插线板 5孔位</h4>
                                <span class="span6-span">39元</span>
                                <p class="span6-p">2.4人评价</p>
                                <div class="span6-div">
                                    <span class="div-span">非常的好可以的</span>
                                    <span class="div-span1">来自于 1054651464的评价</span>
                                </div>
                            </li>
                            <li class="span6-item1">
                                <div><img src="img/zhou5-8.jpg" alt=""></div>
                                <h3 class="span6-h3">小米智能插线..</h3>
                                <p class="span6-pp">69元</p>
                            </li>
                            <li class="span6-item1">
                                <div class="span6-img"><img src="img/圈右.png" alt=""></div>
                                <h3 class="span6-h33">浏览更多</h3>
                                <p class="span6-ppp">电源</p>
                            </li>
                        </ul>
                    </div>
                </div>
                
                
            </div>
            </div>
        </div>

        <!--为你推荐-->
        <div class="home-start clearfix">
            <h1>为你推荐</h1>
            <div class="controls">
                <span class="left">&#60;</span>
                <span class="right">&#62;</span>
            </div>
            <div id="box-hand" class="box-hand">
                <ul>
                    <li class="lunbo">
                        <img src="img/tui1.jpg" alt="">
                        <h4>小米5s Plus</h4>
                        <span>5.7英寸大屏双摄手机，拍照黑科技</span>
                        <p>2299元起</p>
                    </li>
                    <li class="lunbo">
                        <img src="img/tui2.jpg" alt="">
                        <h4>小米电视3s 55英寸</h4>
                        <span>人工智能电视，4K大屏新旗舰</span>
                        <p>3999元</p>
                    </li>
                    <li class="lunbo">
                        <img src="img/tui3.jpg" alt="">
                        <h4>小米移动电源2</h4>
                        <span>双向快充，高密度锂聚合物电芯</span>
                        <p>79元</p>
                    </li>
                    <li class="lunbo">
                        <img src="img/tui4.jpg" alt="">
                        <h4>小米手环 2</h4>
                        <span>OLED 显示屏幕，升级计步算法</span>
                        <p>149元</p>
                    </li>
                    <li class="lunbo">
                        <img src="img/tui5.jpg" alt="">
                        <h4>小米净水器 厨下式</h4>
                        <span>直出纯净水，隐藏式安装</span>
                        <p>1999元</p>
                    </li>
                    <li class="lunbo">
                        <img src="img/tui6.jpg" alt="">
                        <h4>米家 LED 智能台灯</h4>
                        <span>无可视频闪，亮度色温无级调节</span>
                        <p>169元</p>
                    </li>
                    <li class="lunbo">
                        <img src="img/tui7.jpg" alt="">
                        <h4>米家iHealth血压计</h4>
                        <span>爸妈上手就会用的智能血压计</span>
                        <p>399元</p>
                    </li>
                    <li class="lunbo">
                        <img src="img/tui8.jpg" alt="">
                        <h4>小米路由器3</h4>
                        <span>更快更强，不止四天线</span>
                        <p>149元</p>
                    </li>
                    <li class="lunbo">
                        <img src="img/tui9.jpg" alt="">
                        <h4>小米活塞耳机 清新版</h4>
                        <span>铝合金音腔，第三代平衡阻尼系统</span>
                        <p>29元</p>
                    </li>
                    <li class="lunbo">
                        <img src="img/tui10.jpg" alt="">
                        <h4>小米体重秤</h4>
                        <span>100克，喝杯水都可感知的精准</span>
                        <p>99元</p>
                    </li>
                </ul>
            </div>
        </div>
        <!--热评产品-->
        <div class="reping">
            <h2>热评产品</h2>
            <div class="container">
                <ul>
                    <li class="reping-list">
                        <img src="img/re1.jpg" alt="">
                        <p class="pingjia">先五星好评。再来说说小米空气净化器，北方的天气雾霾越来越常态，这就迫切需要一台性价比高的空气净化器</p>
                        <h4 class="from">来自于 sddyboy的评价</h4>
                        <div class="content">
                            <span class="name">小米空气净化器</span>
                            <span class="fenge">|</span>
                            <span class="prise">399元</span>
                        </div>
                    </li>
                    <li class="reping-list">
                        <img src="img/re2.jpg" alt="">
                        <p class="pingjia">先五星好评。再来说说小米空气净化器，北方的天气雾霾越来越常态，这就迫切需要一台性价比高的空气净化器</p>
                        <h4 class="from">来自于 杨海平的评价</h4>
                        <div class="content">
                            <span class="name">小米空气净化器</span>
                            <span class="fenge">|</span>
                            <span class="prise">899元</span>
                        </div>
                    </li>
                    <li class="reping-list">
                        <img src="img/re3.jpg" alt="">
                        <p class="pingjia">先五星好评。再来说说小米空气净化器，北方的天气雾霾越来越常态，这就迫切需要一台性价比高的空气净化器</p>
                        <h4 class="from">来自于 甜蜜的评价</h4>
                        <div class="content">
                            <span class="name">小米空气净化器</span>
                            <span class="fenge">|</span>
                            <span class="prise">1299元</span>
                        </div>
                    </li>
                    <li class="reping-list">
                        <img src="img/re4.jpg" alt="">
                        <p class="pingjia">先五星好评。再来说说小米空气净化器，北方的天气雾霾越来越常态，这就迫切需要一台性价比高的空气净化器</p>
                        <h4 class="from">来自于 爱疯123的评价</h4>
                        <div class="content">
                            <span class="name">小米空气净化器</span>
                            <span class="fenge">|</span>
                            <span class="prise">299元</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <!--内容-->
        <div class="neirong">
            <h2>内容</h2>
            <div class="box-bd">
                <ul class="content-list clearfix">

                    <li class="content-item">
                        <h2 class="title">图书</h2>
                        <div id="carousel" class="carousel">
                            <ul class="item-list clearfix">
                                <li>
                                    <h4 class="name">哈利·波特与被诅咒的孩子</h4>
                                    <p class="desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                    <p class="price">29.37元</p>
                                    <div class="figure">
                                        <img src="img/nei1.jpg" alt="">
                                    </div>
                                </li>
                                <li>
                                    <h4 class="name">好吗好的</h4>
                                    <p class="desc">畅销作家大冰2016年新书!讲给你听，好吗好的!</p>
                                    <p class="price">17.99元</p>
                                    <div class="figure">
                                        <img src="img/nei1-2.jpg" alt="">
                                    </div>
                                </li>
                                <li>
                                    <p class="desc">海量好书，享受精品阅读时光 漂亮的中文排版，千万读者选择!</p>
                                    <span class="btn">前往多看阅读</span>
                                    <img class="last-img" src="img/nei1-3.jpg" alt="">
                                </li>
                            </ul>
                        </div>
                        <!--小圆点-->
                        <div class="page-div">
                            <ul id="page-ul" class="page-ul">
                                <li class="page-active"></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                        <!--左右按钮-->
                        <div class="neirong-btn">
                            <div id="btn-left" class="btn-left"></div>
                            <div id="btn-right" class="btn-right"></div>
                        </div>
                    </li>

                    <li id="content-item2" class="content-item">
                        
                        <h2 class="title">MIUI 主题</h2>
                        <div id="carousel2" class="carousel">
                            <ul class="item-list clearfix">
                                <li>
                                    <h4 class="name">小米5C尊黑版</h4>
                                    <p class="desc">小米5c动态尊黑主题,首发上线!惠东的默认壁纸</p>
                                    <p class="price">9米币</p>
                                    <div class="figure">
                                        <img src="img/nei2.jpg" alt="">
                                    </div>
                                </li>
                                <li>
                                    <h4 class="name">我心澎湃【烫金版】</h4>
                                    <p class="desc">我心澎湃【烫金版】官方主题强劲登场!</p>
                                    <p class="price">9米币</p>
                                    <div class="figure">
                                        <img src="img/nei2-2.jpg" alt="">
                                    </div>
                                </li>
                                <li>
                                    <h4 class="name">遇见你 预见爱</h4>
                                    <p class="desc">不要玫瑰，不要巧克力，不要甜言蜜语，只要敢说在一起.</p>
                                    <p class="price">13.14米币</p>
                                    <div class="figure">
                                        <img src="img/nei2-3.jpg" alt="">
                                    </div>
                                </li>
                                <li>
                                    <p class="desc">众多个性主题，百变锁屏与自由桌面让你的手机与众不同</p>
                                    <span class="btn">前往MIUI主题市场</span>
                                    <img class="last-img" src="img/nei2-4.jpg" alt="">
                                </li>
                            </ul>
                        </div>
                        
                        <div class="page-div">
                            <ul id="page-ul2" class="page-ul">
                                <li class="page-active"></li>
                                <li></li>
                                <li></li>
                                <li></li>                             
                            </ul>
                        </div>
                        
                        <div class="neirong-btn">
                            <div id="btn-left2" class="btn-left"></div>
                            <div id="btn-right2" class="btn-right"></div>
                        </div>

                    </li>
                    <li id="content-item3" class="content-item">

                        <h2 class="title">游戏</h2>
                        <div id="carousel3" class="carousel">
                            <ul class="item-list clearfix">
                                <li>
                                    <h4 class="name">米柚手游模拟器</h4>
                                    <p class="desc">在电脑上玩遍小米所有手游</p>
                                    <p class="price">免费</p>
                                    <div class="figure">
                                        <img src="img/nei3.jpg" alt="">
                                    </div>
                                </li>
                                <li>
                                    <h4 class="name">剑仙世界</h4>
                                    <p class="desc">一生不容错过的浪漫武侠!!</p>
                                    <p class="price">免费</p>
                                    <div class="figure">
                                        <img src="img/nei3-2.jpg" alt="">
                                    </div>
                                </li>
                                <li>
                                    <h4 class="name">老九门</h4>
                                    <p class="desc">九门恩怨,盗墓笔记前传上线</p>
                                    <p class="price">免费</p>
                                    <div class="figure">
                                        <img src="img/nei3-3.jpg" alt="">
                                    </div>
                                </li>
                                <li>
                                    <p class="desc">免费下载海量的手机游戏 天天都有先进福利赠送</p>
                                    <span class="btn">前往小米游戏商店</span>
                                    <img class="last-img" src="img/nei3-4.jpg" alt="">
                                </li>
                            </ul>
                        </div>
                        
                        <div class="page-div">
                            <ul id="page-ul3" class="page-ul">
                                <li class="page-active"></li>
                                <li></li>
                                <li></li>
                                <li></li>                             
                            </ul>
                        </div>
                        
                        <div class="neirong-btn">
                            <div id="btn-left3" class="btn-left"></div>
                            <div id="btn-right3" class="btn-right"></div>
                        </div>

                    </li>
                    <li id="content-item4" class="content-item">

                        <h2 class="title">应用</h2>
                        <div id="carousel4" class="carousel">
                            <ul class="item-list clearfix">
                                <li>
                                    <h4 class="name">2017金米奖</h4>
                                    <p class="desc">最优秀的应用和游戏</p>
                                    
                                    <div class="figure">
                                        <img src="img/nei4.jpg" alt="">
                                    </div>
                                </li>
                                <li>
                                    <h4 class="name">Forest</h4>
                                    <p class="desc">帮助您专心于生活中每个重要时刻</p>
                                    <p class="price">免费</p>
                                    <div class="figure">
                                        <img src="img/nei4-2.jpg" alt="">
                                    </div>
                                </li>
                                <li>
                                    <h4 class="name">小米应用</h4>
                                    <p class="desc">小米出品 必属精品</p>
                                    <p class="price">免费</p>
                                    <div class="figure">
                                        <img src="img/nei4-3.jpg" alt="">
                                    </div>
                                </li>
                                <li>
                                    <p class="desc">帮助小米手机和其他安卓手机用户发现好用的安卓应用</p>
                                    <span class="btn">前往小米应用商店</span>
                                    <img class="last-img" src="img/nei4-4.jpg" alt="">
                                </li>
                            </ul>
                        </div>
                        
                        <div class="page-div">
                            <ul id="page-ul4" class="page-ul">
                                <li class="page-active"></li>
                                <li></li>
                                <li></li>
                                <li></li>                             
                            </ul>
                        </div>
                        
                        <div class="neirong-btn">
                            <div id="btn-left4" class="btn-left"></div>
                            <div id="btn-right4" class="btn-right"></div>
                        </div>

                    </li>
                </ul>
            </div>
        </div>

        <!--video-->

        <div class="video">
            <h2>视频</h2>
            <div class="chakan">
                <span>查看全部</span>
                <img src="img/右 (2).png" alt="">
            </div>
            <div class="box-bd">
                <ul class="video-list">
                    <li class="video-item">
                        <img src="img/v1.jpg" alt="">
                        <div class="play">
                            <img src="img/白右.png" alt="">
                        </div>
                        <h4>红米Note 4X 环岛挑战</h4>
                        <p>看看我们关于超长续航的疯狂想法</p>
                    </li>
                    <li class="video-item video-ma">
                        <img src="img/v2.jpg" alt="">
                        <div class="play">
                            <img src="img/白右.png" alt="">
                        </div>
                        <h4>小米之家里发生一件怪事</h4>
                        <p>World Order星机械人受邀访问地球</p>
                    </li>
                    <li class="video-item video-ma">
                        <img src="img/v3.jpg" alt="">
                        <div class="play">
                            <img src="img/白右.png" alt="">
                        </div>
                        <h4>小米MIX 概念手机背后的故事</h4>
                        <p>雷总亲自讲述小米MIX的诞生</p>
                    </li>
                    <li class="video-item video-ma">
                        <img src="img/v4.jpg" alt="">
                        <div class="play">
                            <img src="img/白右.png" alt="">
                        </div>
                        <h4>一面科技，一面艺术</h4>
                        <p>梁朝伟讲述双面人生</p>
                    </li>
                </ul>
            </div>
        </div>
        <!--底部-->
        <div class="site-footer">
            <div class="container">
                <div class="footer-service">
                    <ul class="list-service clearfix">
                        <li>
                            <a href="javascript:;">
                                <img src="img/维修.png" alt="">
                                预约维修服务
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="img/7.png" alt="">
                                7天无理由退货
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="img/15.png" alt="">
                                15天免费换货
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="img/礼物25.png" alt="">
                                满150元包邮
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="img/定位.png" alt="">
                                520余家售后网点
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="footer-link">
                    <dl>
                        <dt>帮助中心</dt>
                        <dd><a href="javascript:;">账户管理</a></dd>
                        <dd><a href="javascript:;">购物指南</a></dd>
                        <dd><a href="javascript:;">订单操作</a></dd>
                    </dl>
                    <dl>
                        <dt>服务支持</dt>
                        <dd><a href="javascript:;">售后政策</a></dd>
                        <dd><a href="javascript:;">自助服务</a></dd>
                        <dd><a href="javascript:;">相关下载</a></dd>
                    </dl>
                    <dl>
                        <dt>线下门店</dt>
                        <dd><a href="javascript:;">小米之家</a></dd>
                        <dd><a href="javascript:;">服务网点</a></dd>
                        <dd><a href="javascript:;">零售网点</a></dd>
                    </dl>
                    <dl>
                        <dt>关于小米</dt>
                        <dd><a href="javascript:;">了解小米</a></dd>
                        <dd><a href="javascript:;">加入小米</a></dd>
                        <dd><a href="javascript:;">联系我们</a></dd>
                    </dl>
                    <dl>
                        <dt>关注我们</dt>
                        <dd><a href="javascript:;">新浪微博</a></dd>
                        <dd><a href="javascript:;">小米部落</a></dd>
                        <dd><a href="javascript:;">官方微信</a></dd>
                    </dl>
                    <dl>
                        <dt>特色服务</dt>
                        <dd><a href="javascript:;">F码通道</a></dd>
                        <dd><a href="javascript:;">礼物码</a></dd>
                        <dd><a href="javascript:;">防伪查询</a></dd>
                    </dl>
                    <div class="col-content">
                        <p class="phone">400-100-5678</p>
                        <p class="time">
                            周一至周日 8:00-18:00 <br>
                            (仅收市话费) <br>
                        </p>
                        <a href="javascript:;">
                                <img src="img/消息.png" alt="">
                                24小时在线客服
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!--最底部-->
        <div class="site-info">
            <div class="container clearfix">
                <div class="logo">
                    <img src="img/logo.png" alt="">
                </div>
                <div class="info-text">
                    <p class="sites">
                        <a href="javascript:;">小米商城</a>
                        <span>|</span>
                        <a href="javascript:;">MIUI</a>
                        <span>|</span>
                        <a href="javascript:;">米聊</a>
                        <span>|</span>
                        <a href="javascript:;">多看书城</a>
                        <span>|</span>
                        <a href="javascript:;">小米路由器</a>
                        <span>|</span>
                        <a href="javascript:;">视频电话</a>
                        <span>|</span>
                        <a href="javascript:;">企业团购</a>
                        <span>|</span>
                        <a href="javascript:;">小米天猫店</a>
                        <span>|</span>
                        <a href="javascript:;">小米淘宝直营店</a>
                        <span>|</span>
                        <a href="javascript:;">小米网盟</a>
                        <span>|</span>
                        <a href="javascript:;">小米移动</a>
                        <span>|</span>
                        <a href="javascript:;">Select Region</a>
                    </p>
                    <p class="beian">
                        ©
                        <a href="javascript:;">mi.com</a>
                        京ICP证110507号
                        <a href="javascript:;">京ICP备10046444号</a>
                        <a href="javascript:;">京公网安备11010802020134号</a>
                        <a href="javascript:;">京网文[2014]0059-0009号</a><br>
                        违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试

                    </p>
                </div>
                <div class="info-links">
                    <img src="img/footer1.png" alt="">
                    <img src="img/footer2.png" alt="">
                    <img src="img/footer3.png" alt="">
                    <img src="img/footer4.png" alt="">
                </div>
            </div>
            <div class="slogan">
                <img src="img/发烧.png" alt="">
            </div>
        </div>
    </body>
</html>
<script>

// $('.nav-item').hover(function(){
    
//     $('.nav-item').children('.item-child').stop().slideDown();
//     // $(this).children('.item-child').addClass('.nav-list-block')
    
// },function(){
//     $('.nav-item').children('.item-child').stop().slideUp();
// })

$('.nav-item').each(function(index){
    // console.log(index)
    $(this).mouseenter(function(){
        console.log(index)
        // console.log($('.nav-list .nav-item').length-2)
        if(index < $('.nav-list .nav-item').length-2){
            
            // $('.nav-list .item-child').stop().slideDown(400).show();
            $(this).children('.item-child').show();
            $(this).siblings().children('.item-child').hide();
        }else{
            $('.nav-list .item-child').stop().slideUp(400).hide(400);
        }
    })
})
$('.nav-list').mouseleave(function(){
    $('.nav-list .item-child').stop().slideUp(400).hide(400);
});


$('.category-item').hover(function(){

    $(this).children('.children').show();
},function(){
    $(this).children('.children').hide();
})
// 轮播图
$('#slide').MdsSlideFade({
            _width: 1226, //设置图轮播图大小
			_height: 500,
			pageNum: true,
            time: '3000',
            nextText: '',
			prevText: '',
});


$('.left').click(function(){
    $(this).css('color','#eee').siblings().css('color','black')
    $('.box-hand ul').animate({
        left:-1226,
    },500);
})
$('.right').click(function(){
    $(this).css('color','#eee').siblings().css('color','black')
    $('.box-hand ul').animate({
        left:0,
    },500);
})


$('.span6-item').hover(function(){
    
    $(this).children('.span6-div').stop().animate({
        height:70,
        opacity:1,
        
    },300)
},function(){
    $(this).children('.span6-div').stop().animate({
        height:0,
        opacity:0,
        
    },300)
})

// 第一个
$('#more-list li').mouseover(function(){
    
    var index = $(this).index();
    
    $(this).addClass('active').siblings().removeClass('active')

    switch (index){
        case 0:
        $('#first').show().siblings().hide();
        break;
        case 1:
        $('#second').show().siblings().hide();
        break;
        case 2:
        $('#three').show().siblings().hide();
        break;
        case 3:
        $('#four').show().siblings().hide();
        break;
    }
    
})
// 第二个
$('#more-list2 li').mouseover(function(){
    
    var index = $(this).index();
    
    $(this).addClass('active').siblings().removeClass('active')

    switch (index){
        case 0:
        $('#first1').show().siblings().hide();
        break;
        case 1:
        $('#second1').show().siblings().hide();
        break;
        case 2:
        $('#three1').show().siblings().hide();
        break;
        case 3:
        $('#four1').show().siblings().hide();
        break;
    }
    
})
// 第三个
$('#more-list3 li').mouseover(function(){
    
    var index = $(this).index();
    
    $(this).addClass('active').siblings().removeClass('active')

    switch (index){
        case 0:
        $('#first2').show().siblings().hide();
        break;
        case 1:
        $('#second2').show().siblings().hide();
        break;
        case 2:
        $('#three2').show().siblings().hide();
        break;
        case 3:
        $('#four2').show().siblings().hide();
        break;
        case 4:
        $('#five2').show().siblings().hide();
        break;
    }
    
})
    // 左右按钮的显示
    $('.content-item').hover(function(){
        $(this).children('.neirong-btn').stop().animate({
            opacity:1,
        },300)
    },function(){
        $(this).children('.neirong-btn').stop().animate({
            opacity:0
        },300)
    })

    // 小轮播图111
    var length = $('#page-ul li').length;
    // console.log(length)
    var currentIndex = 0;
    // 点击右键，左滑动
    $('.neirong-btn #btn-right').click(function(){
        currentIndex++;
        if(currentIndex>length-1){
            currentIndex = length-1;
        }
        console.log(currentIndex)
        showMove();
    })
    // 点击左键，右滑动
    $('.neirong-btn #btn-left').click(function(){
        currentIndex--;
        if(currentIndex<0){
            currentIndex = 0;
        }
        
        showMove();
    })
    $('#page-ul li').each(function(index){
        // console.log(index)
        // console.log(this)
        $(this).click(function(){
            $('#carousel').stop().animate({
                left:-index*296
            })
            $(this).addClass('page-active').siblings().removeClass('page-active');
        })
    })

  
    // 点击后，显示图片及page
    function showMove(){
        $('#carousel').stop().animate({left:-296*currentIndex},500)
        $('#page-ul li').eq(currentIndex).addClass('page-active').siblings().removeClass('page-active');
    }

     // 小轮播图2222
    var length2 = $('#page-ul2 li').length;

    var currentIndex2 = 0;
    // 点击右键，左滑动
    $('.neirong-btn #btn-right2').click(function(){
        currentIndex2++;
        if(currentIndex2>length2-1){
            currentIndex2 = length2-1;
        }
        console.log(currentIndex2)
        showMove2();
    })
    // 点击左键，右滑动
    $('.neirong-btn #btn-left2').click(function(){
        currentIndex2--;
        if(currentIndex2<0){
            currentIndex2 = 0;
        }
        
        showMove2();
    })
    $('#page-ul2 li').each(function(index){
        // console.log(index)
        // console.log(this)
        $(this).click(function(){
            $('#carousel2').stop().animate({
                left:-index*296
            })
            $(this).addClass('page-active').siblings().removeClass('page-active');
        })
    })
    // 点击后，显示图片及page
    function showMove2(){
        $('#carousel2').stop().animate({left:-296*currentIndex2},500)
        $('#page-ul2 li').eq(currentIndex2).addClass('page-active').siblings().removeClass('page-active');
    }


     // 小轮播图3333
    var length3 = $('#page-ul3 li').length;

    var currentIndex3 = 0;
    // 点击右键，左滑动
    $('.neirong-btn #btn-right3').click(function(){
        currentIndex3++;
        if(currentIndex3>length3-1){
            currentIndex3 = length3-1;
        }
        console.log(currentIndex3)
        showMove3();
    })
    // 点击左键，右滑动
    $('.neirong-btn #btn-left3').click(function(){
        currentIndex3--;
        if(currentIndex3<0){
            currentIndex3 = 0;
        }
        
        showMove3();
    })
    $('#page-ul3 li').each(function(index){
        // console.log(index)
        // console.log(this)
        $(this).click(function(){
            $('#carousel3').stop().animate({
                left:-index*296
            })
            $(this).addClass('page-active').siblings().removeClass('page-active');
        })
    })
    // 点击后，显示图片及page
    function showMove3(){
        $('#carousel3').stop().animate({left:-296*currentIndex3},500)
        $('#page-ul3 li').eq(currentIndex3).addClass('page-active').siblings().removeClass('page-active');
    }


      // 小轮播图44444
    var length4 = $('#page-ul4 li').length;

    var currentIndex4 = 0;
    // 点击右键，左滑动
    $('.neirong-btn #btn-right4').click(function(){
        currentIndex4++;
        if(currentIndex4>length4-1){
            currentIndex4 = length4-1;
        }
        console.log(currentIndex4)
        showMove4();
    })
    // 点击左键，右滑动
    $('.neirong-btn #btn-left4').click(function(){
        currentIndex4--;
        if(currentIndex4<0){
            currentIndex4 = 0;
        }
        
        showMove4();
    })
    $('#page-ul4 li').each(function(index){
        // console.log(index)
        // console.log(this)
        $(this).click(function(){
            $('#carousel4').stop().animate({
                left:-index*296
            })
            $(this).addClass('page-active').siblings().removeClass('page-active');
        })
    })
    // 点击后，显示图片及page
    function showMove4(){
        $('#carousel4').stop().animate({left:-296*currentIndex4},500)
        $('#page-ul4 li').eq(currentIndex4).addClass('page-active').siblings().removeClass('page-active');
    }




</script>